<!---------------------------------- 01.锚点的第一种实现方式 start---------------------------------->
<fieldset>
    <legend>01.第一种实现方式</legend>
    <a href="#miao">去找喵星人</a><!-- 注意：href属性的属性值最前面要加# -->
    <div style="width: 300px;height:3000px;background:#cccccc"></div><!-- 注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加# -->
    <a name="miao">找到了</a>
</fieldset>
<!---------------------------------- 01.锚点的第一种实现方式 end---------------------------------->


<!---------------------------------- 02.锚点的第二种实现方式 start---------------------------------->
<fieldset>
    <legend>02.第二种实现方式</legend>
    <a href="#miaoId">去找id实现</a><!-- a标签的实现原理是什么？ -->
    <div style="width: 300px;height:3000px;background:red"></div><!-- 注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加# -->
    <h3 id="miaoId">只要id属性值与href中的属性值一样即可</h3>
</fieldset>
<!-- 好处:不用单独设置一个a标签,只需要在任意标签加id即可 -->
<!---------------------------------- 02.锚点的第二种实现方式 end---------------------------------->


<!---------------------------------- 03.跨页面跳转 start---------------------------------->
<fieldset>
        <legend>03.跨页面跳转</legend>
①：设置锚点链接，在href中的路径后面追加：#+锚点名，即可
       如：<a href="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>
②：要跳转到的页面中要设置接收锚点
</fieldset>
<!---------------------------------- 03.跨页面跳转 end---------------------------------->